import {Navigate } from 'react-router-dom'
import React , {lazy} from 'react'
import Loading from '@/components/Loading'

const withLoadingComponent = (com:JSX.Element)=>(
    <React.Suspense fallback={<Loading />}>
        {com}
    </React.Suspense>
)
// 首页
const Home = lazy(()=>import("../views/Home/index"))
// 引入店铺数据
const HomePage = lazy(()=>import("../views/Home/HomePage/index"))
// 会员管理
// const ReportMgt = lazy(()=>import("../views/Home/ReportMgt/index"))
// 登录页
const Login = lazy(()=>import("../views/Login/index"))
// 快速消费
const FastCsm = lazy(()=>import("../views/Home/CashierMgt/FastCsm/index"))
// 商品消费
const GoodsCsm = lazy(()=>import("../views/Home/CashierMgt/GoodsCsm/index"))
// 计次消费
const CountCsm = lazy(()=>import("../views/Home/CashierMgt/CountCsm/index"))
// 快速计次
const FastCount = lazy(()=>import("../views/Home/CashierMgt/FastCount/index"))
// 会员充值
const VipRecg = lazy(()=>import("../views/Home/CashierMgt/VipRecg/index"))
// 会员冲次
const VipRecgCount = lazy(()=>import("../views/Home/CashierMgt/VipRecgCount/index"))
// 新增会员
const AddVip = lazy(()=>import("../views/Home/VipMgt/AddVip/index"))
// 会员列表
const VipList = lazy(()=>import("../views/Home/VipMgt/VipList/index"))
// 积分变动
const PointCg = lazy(()=>import("../views/Home/VipMgt/PointCg/index"))
// 会员等级
const VipRank = lazy(()=>import("../views/Home/VipMgt/VipRank/index"))
// 商品列表
const GoodsList = lazy(()=>import("../views/Home/GoodsMgt/GoodsList/index"))
// 套餐列表
const PackageList = lazy(()=>import("../views/Home/GoodsMgt/PackageList/index"))
// 库存列表
const BankList = lazy(()=>import("../views/Home/GoodsMgt/BankList/index"))
// 部门管理
// 工资管理
const Wages = lazy(()=>import("../views/Home/DepartMgt/Wages/index"))
// 员工管理
const StaffMst = lazy(()=>import("../views/Home/DepartMgt/StaffMgt/index"))
// 支出管理
const SpendMgt = lazy(()=>import("../views/Home/SpendMgt/index"))
// 系统设置
const SysSet = lazy(()=>import("../views/Home/SysSet/index"))
// 设置页面
// const Set = lazy(()=>import("../views/Home/Set/index"))
const routes = [
    // 重定向
    // 首页
    {
        path:'/',
        element:<Navigate to='/homepage' />,
    },
    // 消费收银重定向
    {
        path:'/csmcashier',
        element:<Navigate to='/csmcashier/fastcsm' />
    },
    // 会员管理重定向
    {
        path:'/vipcsm',
        element:<Navigate to='/vipcsm/addvip' />
    },
    // 商品管理重定向
    {
        path:'/goodsmgt',
        element:<Navigate to='/goodsmgt/goodslist' />
    },
    // 报表管理重定向
    {
        path:'/reportmgt',
        element:<Navigate to='/reportmgt/wages' />
    },
    // 登陆页面
    {
        path:'/login',
        element:withLoadingComponent(<Login />)
    },
    // 首页
    {
        path:'/', 
        element:withLoadingComponent(<Home />),
        meta:[{
            title:'首页'
        }],
        children:[
            // 首页
            {
                path:'/homepage', 
                element:withLoadingComponent(<HomePage />),
                meta:[{
                    title:'首页'
                }]
            },
            // 支出管理
            {
                path:'/spendmgt', 
                element:withLoadingComponent(<SpendMgt />),
                meta:[{
                    title:'支出管理'
                }]
            },
            // 系统设置
            {
                path:'/sysset', 
                element:withLoadingComponent(<SysSet />),
                meta:[{
                    title:'系统设置'
                }]
            },
        ]
    },
    // 消费收银
    {
        path:'/csmcashier', 
        element:withLoadingComponent(<Home />),
        meta:[{
            title:'消费收银'
        }],
        children:[
            // 快速消费
            {
                path:'/csmcashier/fastcsm', 
                element:withLoadingComponent(<FastCsm />),
                meta:[{
                    title:'快速消费'
                }]
            },
            // 商品消费
            {
                path:'/csmcashier/goodscsm', 
                element:withLoadingComponent(<GoodsCsm />),
                meta:[{
                    title:'商品消费'
                }]
            },
            // 计次消费
            {
                path:'/csmcashier/countcsm', 
                element:withLoadingComponent(<CountCsm />),
                meta:[{
                    title:'计次消费'
                }]
            },
            // 快速计次
            {
                path:'/csmcashier/fastcount', 
                element:withLoadingComponent(<FastCount />),
                meta:[{
                    title:'快速计次'
                }]
            },
             // 会员充值
             {
                path:'/csmcashier/viprecg', 
                element:withLoadingComponent(<VipRecg />),
                meta:[{
                    title:'会员充值'
                }]
            },
            // 会员冲次
            {
                path:'/csmcashier/viprecgcount', 
                element:withLoadingComponent(<VipRecgCount />),
                meta:[{
                    title:'会员冲次'
                }]
            },
        ]
    },
    // 会员管理
    {
        path:'/vipcsm', 
        element:withLoadingComponent(<Home />),
        meta:[{
            title:'会员管理'
        }],
        children:[
            // 新增会员
            {
                path:'/vipcsm/addvip', 
                element:withLoadingComponent(<AddVip />),
                meta:[{
                    title:'新增会员'
                }]
            },
            // 会员列表
            {
                path:'/vipcsm/viplist', 
                element:withLoadingComponent(<VipList />),
                meta:[{
                    title:'会员列表'
                }]
            },
            // 积分变动
            {
                path:'/vipcsm/pointcg', 
                element:withLoadingComponent(<PointCg />),
                meta:[{
                    title:'积分变动'
                }]
            },
            // 会员等级
            {
                path:'/vipcsm/viprank', 
                element:withLoadingComponent(<VipRank />),
                meta:[{
                    title:'会员等级'
                }]
            }
        ]
    },
    // 商品管理
    {
        path:'/goodsmgt', 
        element:withLoadingComponent(<Home />),
        meta:[{
            title:'商品管理'
        }],
        children:[
            // 商品列表
            {
                path:'/goodsmgt/goodslist', 
                element:withLoadingComponent(<GoodsList />),
                meta:[{
                    title:'商品列表'
                }]
            },
            // 套餐列表
            {
                path:'/goodsmgt/packagelist', 
                element:withLoadingComponent(<PackageList />),
                meta:[{
                    title:'套餐列表'
                }]
            },
            // 库存列表
            {
                path:'/goodsmgt/banklist', 
                element:withLoadingComponent(<BankList />),
                meta:[{
                    title:'库存列表'
                }]
            }
        ]
    },
    // 部门管理
    {
            path:'/departmgt', 
            element:withLoadingComponent(<Home />),
            meta:[{
                title:'部门管理'
            }],
        children:[
            // 员工管理
            {
                path:'/departmgt/staffmgt', 
                element:withLoadingComponent(<StaffMst />),
                meta:[{
                    title:'综合统计'
                }]
            },
            // 工资管理
            {
                path:'/departmgt/wages', 
                element:withLoadingComponent(<Wages />),
                meta:[{
                    title:'工资管理'
                }]
            },
            
        ]
    },
    
]
export default routes